 
/*重置*/
*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout:none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0; 
	padding: 0;
}
table{
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%;
	color: #354052;
	table-layout: fixed;
}
em,i {
	font-style: normal;
}
li { 
	list-style: none; 
}
img {
	border: none;
}
input,textarea {
	font-family: "Microsoft YaHei","微软雅黑";
	border: none;
    outline: none; 
}
html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #354052;
	font: 14px/1.5 "Microsoft YaHei","微软雅黑",tahoma,arial,'Hiragino Sans GB',sans-serif !important;
    -webkit-overflow-scrolling: touch;
}
html{
	overflow-x: auto;	
	overflow-y: auto;	
}
input::-ms-clear,
input::-ms-reveal {
	display: none;
}
.noselect{
	-moz-user-select:none; /*火狐*/
	-webkit-user-select:none; /*webkit浏览器*/
	-ms-user-select:none; /*IE10*/
	-khtml-user-select:none; /*早期浏览器*/
	user-select:none;
}
/*输入框默认样式*/
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none; }
input[type="text"], input[type="password"], textarea, select {
    border: 1px solid #d8dcdf;
    border-radius: 2px;
    font: 12px/30px "微软雅黑";
    height: 32px;
    outline: medium none;
    padding: 0 5px;
    width: 100%;
    color: #000;
}
input[type="text"]:hover, input[type="password"]:hover{border: 1px solid #a9bbcc;}	
input[type="text"]:focus, input[type="password"]:focus{border-color: #0085d0;}
/*输入框内容错误*/
input[type="text"].input-error, input[type="password"].input-error{
	background: #fff0f0;
	border:1px solid #ff2d2d;
}
button {
	outline: none;
	border: none;
	cursor: pointer;
	font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,'Hiragino Sans GB',sans-serif !important;
}
/*输入框不可操作*/
input[type="text"].input-disable, input[type="password"].input-disable,
input[type="text"].input-disable:hover, input[type="password"].input-disable:hover{
	border-color: #e6e6e6;
	background: #f4f4f4;
	color: #c7c7c7;
}
textarea:focus, select:focus{
	border-color: #0085d0;
}
textarea {
	padding: 5px;
    height: 80px;
    line-height: 20px;
    overflow: auto;
    resize: none;
}
/*字体颜色*/
.c000{color: #000;}
.c222{color: #222;}
.c333{color: #333;}
.c666{color: #666;}
.c999{color: #999;}
.c3c{color: #ccc;}
.c3b{color: #bbb;}
.redtxt{color: #ff3300;}
.bluetxt{color: #3e94fe;}
.greentxt{color: #56ba5a;}
.orangetxt{color: #ff6131;}
.maincolor{color: #a5abbb;}
.deepgray{color: #3f4553;}
.lightgray{color: #6f7e95;}
.c5e{color: #5e5e5e;}
.lightdblue{color: #536083;}

/* 字体大小 */
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f36{font-size: 36px;}
.dib {
	display: inline-block;
}
/*line-height*/
.lh20{line-height: 20px;}
.lh32{line-height: 32px;}
.lh48{line-height: 48px;}
.lh60{line-height: 60px;}
.bgbtn.ant-btn-primary {
	background-color:#56ba5a !important;
	border: 1px solid #56ba5a;
}

/* 浮动以及清除浮动 */
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix {zoom: 1;}
.clearfix:after{
	visibility: hidden;
	display: block;
	content:" ";
	clear:both;
	height:0;
}
.clearboth{
	clear:both;
}
/*字段超出截取*/
.ellipsis{
	display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100%;
}

/* 常用显示隐藏,手势 */
.hide{display: none !important;}
.block{display: block !important;;}
.cursor{cursor: pointer;}

/* 位置 */
.pos-rel{position: relative;}
.pos-abs{position: absolute;}

/* 对齐方式 */
.v-t{vertical-align: top;}
.v-m{vertical-align: middle;}
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}

/* 常用的margin和padding */
.p20{padding: 20px;}
.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pl-5{padding-left: 5px;}
.pl-10{padding-left: 10px;}
.pl-20{padding-left: 20px;}
.pl-110{padding-left: 110px;}
.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-20{padding-right: 20px;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-12{margin-left: 12px}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}
.ml-48{margin-left: 48px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-12{margin-right: 12px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}
.w100{width:100%}
.radius{border-radius: 50%;}
#root>div{
	height: 100%;
}
.ant-message-error {
	color: #ff3300 !important;
}
.ant-message-warning {
	color: #f5222d !important;
}

.fwb {
	font-weight: bold;
}
.htilte {
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
}

.ant-popover{
	top:48px !important;
}
.ant-popover .ant-avatar-lg{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.vertical-menu {
	box-sizing: border-box;
	height: 100%;
	border-right: 1px solid #d8dde1;
	background: #f6fafd;
	width: 150px;
	position: absolute;

}
.right-body {
	padding-left: 150px;
	width: 100%;
	height: 100%;
}
.db{
	display: block;
	width: 100%;
}

.vertical-menu .vertical-menu-item {
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	list-style: none;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	text-align: left;
	box-sizing: border-box;
	border-top: 1px solid #f6fafd;
	border-bottom: 1px solid #f6fafd;
}
.vertical-menu .vertical-menu-item-active {
	background-color: #e3f0fc;
	border-top: 1px solid #d9ebfc;
	border-bottom: 1px solid #d9ebfc;
	color: #3e94fe;
}
.product-card {
	padding: 10px 20px;
	border-bottom: 1px solid #e6ebf1;
}
.h100 {
	height: 100%;
}
.product-card img {
	width: 78px;
	vertical-align: top;
}
.card-title {
	font-size: 14px;
	font-weight: bold;
}
.product-card div {
	display: inline-block;
	margin-left: 12px;
	font-size: 12px;
	color: #72809a;
	vertical-align: top;
}
.third-list li {
	padding: 10px 10px 10px 15px;
    border: 1px solid #d8dde1;
	border-left: none;
	border-right: none;
	cursor: pointer;
	font-size: 12px;
	color: #6f7e95;
}
.product-card {
	cursor: pointer;
}
.product-card:hover,.product-card:active,.third-list li:hover, .third-list li.active {
	background: #e3f0fc;
}
.third-list{
	overflow-y: auto;
	max-height: calc(100% - 50px);

}
.third-list li{
	border-bottom: 0;
}
.third-list li div {
	margin-left: 12px;
}
.third-title {
	color: #354052;
	font-size: 14px;
	font-weight: bold;
}
.ant-input {
	width: 100%;
}
.p1014{
	padding: 10px 14px 10px 14px;

}
.br-r-d8{
	border-right: 1px solid #d8dde1;
}
.mxw-140 {
	max-width: 126px;
}
.mxw-100 {
	max-width: 100px;
}
.mxw-240 {
	max-width: 240px;
}
button:hover{
	opacity:.8;
}
.normalp {
	font-size: 16px;
	color: #354052;
	margin-bottom: 12px;
}
.smallp {
	color: #6f7e95;
	font-size: 12px;
}
.bolderp {
	color: #354052;
	font-weight: bold;
	font-size: 24px;
}
.productList {
}
.product-item {
	padding: 16px;
	margin: 0px 10px 0 0;
	margin-bottom: 16px;
	border: 1px solid #d8dde1;
	display: inline-block;
}
.product-item img{
	margin-right: 16px;
}
.textarea {
	width: 84%;
	vertical-align: middle !important;
}
.ant-upload-list-text {
	display: none !important;
}
.ant-select {
	width: 220px
}
.inputwarp {
	max-width:290px;
}
.ant-btn-group {
	width: 100%;
}
.ant-radio-button-wrapper-checked {
	background-color: #1890ff;
	color: #fff;
}
.main-body>div {
	width: 100%;
}
.apitext .ant-select {
	width: 240px !important;
}
.apitext .ant-input:not(textarea) {
	max-width:220px;
	display: inline-block;
}
.apitext .api-tips {
	position: absolute;
	right: -10px;
	top:8px;
}
.apitext .api-title {
	position: relative;
	top:-10px;
	margin-right: 18px;
}
.ant-calendar-picker-input {
	width: 240px !important;
}
.api-select .ant-select {
	width: 300px !important;
}
textarea.ant-input {
	width:300px !important;
}

.ant-tag  {
	position: absolute;
	margin-left: 20px;
	margin-top: 4px;
}
/*.ant-spin-nested-loading {*/
	/*display: none;*/
/*}*/